
.player-wrap {
  max-width: 484px;
  height: 218px;
  width: 200px;
  max-height: 600px;
  min-height: 218px;
  position: relative;
  .player {
    display: flex;
    min-width: 200px;
   
    .bar {
      display: flex;
      align-items: center;
      min-width: 200px;
      float: left;
      background:url("../images/music_logo.jpg") center no-repeat/cover;
      .author{
        position: relative;
        font-size: 17px;
        font-weight: 600;
        .music-name{
          color: white;
          max-width: 94px;
          max-height: 20px;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
        }
      }
      .disc {
        margin: 10px;
        width: 90px;
        height: 90px;
        position: relative;
        .logo {
          width: 100%;
          height: 100%;
        }

        .music-pic {
          position: absolute;
          right: 20px;
          top: 20px;
          height: 50px;
          width: 50px;
          border-radius: 50%;
        }
      }
      #open-opt {
        cursor: pointer;
      }
    }
    .opt {
      flex: 1;
      display: none;
      .operations {
        width: 150px;
        float: right;
        margin-top: 10px;
        position: relative;
        right: 10px;
        .search {
          display: flex;
          position: relative;
          right: 100px;
          margin-left: 10px;
          width: 150px;
        }
        .icon-list {
          cursor: pointer;
          width: 20px;
          height: 20px;
          position: absolute;
          right: 0;
          top: 0;
          color: rgb(10, 107, 110);
        }
      }
    }
  }

  .list {
    width: 460px;
    max-height: 300px;
    box-sizing: border-box;
    position: absolute;
    bottom: 110px;
  }
}
@keyframes scroll {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.scroll {
  animation: scroll 10s infinite linear;
}
.audio-wrap {
  height: 110px;
  background-color: rgb(233, 232, 232);
  .audio {
    margin-top: 42px;
    width: 260px;
    background-color: #ebeef5;
    height: 30px;
  }
}
.player:hover .opt {
  display: block;
  transition: all 0.6s;
}
